<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--通知IE采用其支持的最新模式-->
    <meta http-equiv="X-UA-COMPATIBLE" CONTENT="IE=EDGE"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <title></title>
    <style>
        .login{
            width:450px;
            height:300px;
            background:#fff;
            padding:20px;
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            border-radius: 20px;
            -webkit-box-shadow:1px 20px 50px #000 ;
        }
    </style>
</head>
<body style="background:#999">
<div class="container">
    <div class="login">
        <form class="form form-horizontal">
            <h3 class="text-center">后台管理系统</h3>
            <div class="form-group">
                <label for="user" class="col-lg-2 text-center">用户名</label>
                <div class="col-lg-10">
                    <input class="form-control" id="user" type="text"  placeholder="请输入用户名"/>
                </div>
            </div>
            <div class="form-group">
                <label for="pass"  class="col-lg-2 text-center">密码</label>
                <div class="col-lg-10">
                    <input class="form-control" id="pass" type="text"  placeholder="请输入密码"/>
                </div>
            </div>
            <div class="checkbox">
                <label for="check">
                    <input id="check" type="checkbox"/>请记住我
                </label>
            </div>
            <button type="submit" style="margin-top:20px;" class=" btn btn-success col-lg-12">登陆</button>
        </form>
    </div>

</div>


</body>
</html>